<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我是家长</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.8.3.min.js"></script>
		<style>
			*{
				margin: 0px;
				border: 0px;
				padding: 0px;
			}
			html,
			body {
				font-family: "microsoft yahei";
				background-color: #efeff4;
				color: #616161;
			}
			
			#dv_rightHearder ul li {
				float: left;
			}
			
			#dv_nav ul li {
				font-size: 13px;
				float: left;
				margin-left: 6px;
				margin-right: 6px;
				list-style-type: none;
				color: #909090;
			}
			
			#topPopover {
				position: fixed;
				top: 16px;
				right: 6px;
			}
			
			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			
		</style>
	</head>

	<body>
		

		<nav id="nav_dbdh" class="mui-bar mui-bar-tab" style="background-color: #F1ecdf; height: 68px; font-size: 18px;">
			<a id="defaultTab" class="mui-tab-item">
				<img id="sp_zy" src="../../img/index/home48-before_03.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -14px;">&nbsp;&nbsp;主页</span>
			</a>

			<a id="dv_bar_wxy" class="mui-tab-item">
				<img id="sp_wxy" src="../../img/index/mini46-before_06.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -10px;">&nbsp;&nbsp;微校园</span>
			</a>

			<a id="dv_bar_grzx" class="mui-tab-item mui-active">
				<img id="sp_grzx" src="../../img/index/icon_03.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -12px;">个人中心</span>
			</a>
		</nav>

		<script>
			/**
			 * 监听底部导航事件，用于更改其背景图标
			 */
			document.getElementById("defaultTab").addEventListener("tap", function() {
				window.title = "家长学校";
				document.getElementById("sp_zy").src = "../../img/index/home-48_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46-before_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/personal46_10.png";
				mui.openWindow({
					url : "test2.html"
				});
			});

			document.getElementById("dv_bar_wxy").addEventListener("tap", function() {
				window.title = "微校园"
				document.getElementById("sp_zy").src = "../../img/index/home48-before_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/personal46_10.png";
				mui.openWindow({
					url : "test1.html"
				});
			}); 

			document.getElementById("dv_bar_grzx").addEventListener("tap", function() {
				window.title = "个人中心"
				document.getElementById("sp_zy").src = "../../img/index/home48-before_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46-before_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/icon_03.png";
			});
		</script>

		<div class="mui-content" style="width: 100%;">
			
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：个人中心内容
            -->
			<div id="personalcentere-content" class="mui-control-content mui-active" style="font-size: 18px;">
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：个人中心标题栏
                -->
			
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：功能列表楠
                -->
				<div id="dv_my_lst" style="color: #515151; width: 100%;">
					<ul class="mui-table-view mui-table-view-chevron" style="width: 100%;">
						<li class="mui-table-view-cell" style="height: 112px;">
							<a href="html/mycenter/my-information.html"><div class="mui-navigate-right">
								<div style="margin-top: 0px;">
									<img src="../../img/grzx/touxiangdikuang_04.png" height="80" width="80" />
									<img src="../../img/grzx/touxiang_07.png" height="80" width="80" style="margin: -10px 0px 0px -87px;" />
									<img src="../../img/grzx/xunzhang_03.png" style="margin: 0px 0px 0px -30px;" /><br />
								</div>
								<span id="sp-fam-userName">Egele 345</span>
							</div></a>
						</li>
					</ul>

					<ul class="mui-table-view mui-table-view-chevron" style="line-height: 20px;">
						<li class="mui-table-view-cell" style="margin-left: 0px;">
							<a href="html/mycenter/manage345.html" class="mui-navigate-right">345管理</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的提醒</a>
						</li>-->
						<li class="mui-table-view-cell" style="margin-left: 0px;">
							<a href="html/mycenter/my-news.html" class="mui-navigate-right">我的消息</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的帖子</a>
						</li>-->
						<li class="mui-table-view-cell" style="margin-left: 0px;">
							<a href="html/mycenter/my-collection.html" class="mui-navigate-right">我的收藏</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的积分</a>
						</li>-->
					</ul>
					<img src="../../img/grzx/jiangexian_02.png" style="width: 100%;" />
					<ul class="mui-table-view mui-table-view-chevron" style="line-height: 20px;">
						<li class="mui-table-view-cell" style="margin-left: 0px;">
							<a href="html/mycenter/my-settings.html" class="mui-navigate-right">设置</a>
						</li>
						<li class="mui-table-view-cell" style="margin-left: 0px;">
							<a href="" class="mui-navigate-right">使用指南</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
	<script>
		
		
	</script>

</html>